.p-order{
  background:#1b1b1f;
  padding:44rpx 0;
  min-height: 100vh;
  box-sizing: border-box;
  margin-bottom: 37rpx;

  //主面板
  .main{
    margin:0 44rpx;
    padding:39rpx 51rpx 0;
    background: #f5f5f5;
    border-radius:10rpx;
    position: relative;
    overflow: hidden;
    &.light{
      background:#fff;
    }
    .flag{
      position: absolute;
      width: 84rpx;
      height: 84rpx;
      background-image:url(../../assets/p-order/red_flag.png);
      background-size:cover;
      top:0;
      right:37rpx;
      box-sizing: border-box;
      padding-top:17rpx;
      color:#fff;
      font-size: 24rpx;
      text-align: center;
      &.gray{
        background-image:url(../../assets/p-order/gray_flag.png);
      }
      &.yellow{
        background-image:url(../../assets/p-order/yellow_flag.png);
        color:#000;
      }
    }
    .title{
      font-size: 27rpx;
      font-weight: bold;
      display: block;
      line-height:1em;
      margin-bottom:23rpx;
    }

    //信息行
    .info{
      font-size:24rpx;
      color:#3d3d3d;
      display: block;
      margin-bottom:23rpx;
      line-height:1.5em;
      position: relative;
      .label{
        font-weight: bold;
      }
      .pri{
        color:#ff4908;
        margin:0 7rpx 0 3rpx;
      }
      .ori_pri{
        padding:0 7rpx;
        margin-left: 24rpx;
        color:#858585;
        display: inline-block;
        position: relative;
        .l{
          position: absolute;
          top:0;
          left: 0;
          width: 100%;
          margin-top:17rpx;
          border-top:1rpx solid #ff4908;
        }
      }
      .icon{
        position: absolute;
        width: 37rpx;
        height:37rpx;
        display: inline-block;
        margin-left: 13rpx;
      }
      .time{
        background-image:url(../../assets/p-order/time.png);
        background-size:cover;
      }
      .addr{
        background-image:url(../../assets/p-order/addr.png);
        background-size:cover;
      }
    }

    //点击加入微信群
    .joinWrap{
      margin-top:30rpx;
      text-align: center;
      padding-bottom: 35rpx;
      .joinWxGroup{
        font-size: 30rpx;
        padding: 23rpx 51rpx;
        background:#ff4908;
        color:#fff;
        line-height:1em;
        display: inline-block;
        border-radius:12rpx;
      }
    }

    .half_cir{
      position: absolute;
      background:#1b1b1f;
      border-radius:50%;
      width: 37rpx;
      height: 37rpx;
    }

    .dotted{
      background-image:url(../../assets/img/dot_line.png);
      height: 9rpx;
      background-size:contain;
      margin:0 -42rpx 24rpx;
      position: relative;
      .cir_l{
        left:-35rpx;
        top:-15rpx;
      }
      .cir_r{
        right:-35rpx;
        top:-15rpx;
      }
    }

    .qrWrap{
      margin:20rpx 0;
      text-align: center;
      background:#fff;
      .qrcode{
        width: 132rpx;
        height: 132rpx;
        background-image:url(../../assets/p-order/qrcode.png);
        background-size:contain;
        display: inline-block;
      }
    }

    .qrTip{
      text-align: center;
      .t{
        font-size: 21rpx;
        &.mb{
          margin-bottom: 38rpx;
        }
      }
      padding:47rpx 0;
      margin:0 -50rpx;
      position: relative;
      background-image: linear-gradient( 0deg, rgb(255,73,10) 0%, rgb(255,80,92) 100%);
      background-image: -moz-linear-gradient( 0deg, rgb(255,73,10) 0%, rgb(255,80,92) 100%);
      background-image: -webkit-linear-gradient( 0deg, rgb(255,73,10) 0%, rgb(255,80,92) 100%);
      background-image: -ms-linear-gradient( 0deg, rgb(255,73,10) 0%, rgb(255,80,92) 100%);

      .cir_l,.cir_r{
        top:50%;
        margin-top: -17rpx;
      }
      .cir_l{
        left:-19rpx;
      }
      .cir_r{
        right:-19rpx;
      }
    }

  }

  //附加说明
  .sub{
    .txt{
      margin:0 44rpx 46rpx;
      line-height:44rpx;
      color:#fff;
      font-size: 26rpx;
      .p{
        font-size:1.2em;
        margin-right: 15rpx;
        display: inline-block;
      }
    }
    .btnWrap{
      margin-top:65rpx;
      text-align: center;
      .btn{
        padding:21rpx 90rpx;
        font-size: 32rpx;
        line-height:1em;
        color:#000;
        background:#ff4908;
        display: inline-block;
        border-radius:12rpx;
      }
    }
  }

  //返回首页
  .backBtn{
    position: fixed;
    z-index: 990;
    bottom:0;
    height: 120rpx;
    font-size:36rpx;
    line-height:120rpx;
    color:#fff;
    width: 100%;
    background:#ff4908;
    border-radius:0;
  }
}
